<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>搜索职位（条件+分页）</title>
    <script src="./dist/jquery/jquery-3.4.1.min.js"></script>
    <link rel="stylesheet" href="./dist/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="./dist/bootstrap/css/bootstrap-theme.css">
    <script src="./dist/bootstrap/js/bootstrap.min.js"></script>

    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="./dist/layui/css/layui.css" media="all">


    <link rel="stylesheet" href="search_position.css">
    <link rel="stylesheet" href="../navigation/no_nac.css">

</head>


<body>
 <div class="search">
     <div class="text">
         <!--全文及相关关键字-->
         <div class="el_q">
             <ul id="quanwen">
                 <li class="all">全文</li>
                 <li class="search-company">
                     <a href="javascript:void(0)">搜公司</a>
                 </li>
             </ul>
             <p class="ipt">
                 <input type="text" maxlength="200" placeholder="搜索全文/职位名">
             </p>
         </div>
         <!--地点-->
         <div class="work_position">
             <p class="hdl">地点</p>
             <input type="text" readonly="readonly" placeholder="选择地点" value="全国">
         </div>
         <!--行业类别-->
         <div class="work_type">
             <p class="hdl">行业</p>
             <input type="text" readonly="readonly" placeholder="选择行业" value>
         </div>
         <!--职能类别-->
         <div class="ability_type">
             <p class="hdl">职能</p>
             <input type="text" readonly="readonly" placeholder="选择职能" value>
         </div>
         <!--搜索按钮-->
         <button class="p_but" type="button">搜&nbsp;索</button>
     </div>
     <div class="dw_recommend">
         <span class="title">猜你喜欢:</span>
         <p>
             <a href="">Java开发</a>
             <a href="">Java高级</a>
             <a href="">Java实习</a>
             <a href="">Java初级</a>
             <a href="">Java中级</a>
             <a href="">JavaWeb</a>
             <a href="">Java后台</a>
             <a href="">Java架构</a>
             <a href="">J2EE</a>
             <a href="">JavaScript</a>
         </p>
     </div>
</div>

<!--条件选择-->
 <div class="main">
     <div class="el">
         <span class="day">发布日期：</span>
         <ul>
             <li><a href="javascript:void(0)" class="pitch">所有</a></li>
             <li><a href="javascript:void(0)">24小时内</a></li>
             <li><a href="javascript:void(0)">近三天</a></li>
             <li><a href="javascript:void(0)">近一周</a></li>
             <li><a href="javascript:void(0)">近一月</a></li>
             <li><a href="javascript:void(0)">其他</a></li>
         </ul>
     </div>
     <div class="el">
         <span class="day">月薪范围：</span>
         <ul>
             <li><a href="javascript:void(0)"  class="pitch">所有</a></li>
             <li><a href="javascript:void(0)">2千以下</a></li>
             <li><a href="javascript:void(0)">2-3千</a></li>
             <li><a href="javascript:void(0)">3-4.5千</a></li>
             <li><a href="javascript:void(0)">4.5-6千</a></li>
             <li><a href="javascript:void(0)">6-8千</a></li>
         </ul>
     </div>
     <div class="el">
         <span class="day">公司性质：</span>
         <ul>
             <li><a href="javascript:void(0)"  class="pitch">所有</a></li>
             <li><a href="javascript:void(0)">国企</a></li>
             <li><a href="javascript:void(0)">外资（欧美）</a></li>
             <li><a href="javascript:void(0)">外资（非欧美）</a></li>
             <li><a href="javascript:void(0)">上市公司</a></li>
             <li><a href="javascript:void(0)">合资</a></li>
         </ul>
     </div>
     <div class="el">
         <span class="day">工作年限：</span>
         <ul>
             <li><a href="javascript:void(0)" class="pitch">所有</a></li>
             <li><a href="javascript:void(0)">无经验</a></li>
             <li><a href="javascript:void(0)">1-3年</a></li>
             <li><a href="javascript:void(0)">3-5年</a></li>
             <li><a href="javascript:void(0)">5-10年</a></li>
             <li><a href="javascript:void(0)">10年以上</a></li>
         </ul>
     </div>
     <div class="el">
         <span class="day">学历要求：</span>
         <ul>
             <li><a href="javascript:void(0)" class="pitch">所有</a></li>
             <li><a href="javascript:void(0)">初中及以下</a></li>
             <li><a href="javascript:void(0)">高中/中技/中专</a></li>
             <li><a href="javascript:void(0)">大专</a></li>
             <li><a href="javascript:void(0)">本科</a></li>
             <li><a href="javascript:void(0)">硕士</a></li>
         </ul>
     </div>
     <div class="in">
         <span class="always-condition">已选条件：</span>
         <p id="choice"></p><!--条件标签-->
     </div>
 </div>

 <!--分页-->
 <div class="fenye">
     <div class="dw_tlc">
         <div class="chall">
             <input type="checkbox" class="select-all"><span>全选</span>
         </div>
         <div class="op">
                <span type="searchBtn" class="but_squck">
                    <i class="dic Dm"></i>申请职位
                </span>
                <span type="searchBtn" class="but_scuck">
                    <i class="dic Dk"></i>收藏职位
                </span>
         </div>
         <div class="order_sort">
                <span type="searchBtn" class="but_smuck">
                  <i class="dic Dj">智能排序</i>
                </span>
         </div>
         <div class="order_time">
                <span type="searchBtn" class="but_sluck">
                    <i class="dic Dt">发布时间</i>
                </span>
         </div>
         <div class="rt">
             <a href="" class="left_arrow"><img src="../images/zw_images/fenyeleft.svg"></a>
             <span class="dw_orange">1</span>
             &nbsp;/&nbsp;7
             <a href="" class="right_arrow"><img src="../images/zw_images/fenyearrow.svg"></a>
         </div>
         <div class="rt ro">
             共10条职位
         </div>
     </div>
     <div class="el_title">
         <div class="t1">职位名</div>
         <div class="t2">公司名</div>
         <div class="t3">工作地点</div>
         <div class="t4">薪资</div>
         <div class="t5">发布时间</div>
     </div>

     <div class="yl">
         <input type="checkbox" class="check" name="delivery" value="110">
         <span class="position"><a href="">商务司机/董事长司机</a> </span>
     </div>
     <span class="l2"><a href=""> 杭州欧卡兰时装有限公司</a></span>
     <span class="l3">杭州-江干区</span>
     <span class="l4">0.6-1万/月</span>
     <span class="l5">01-13</span>

     <div class="yl">
         <input type="checkbox" class="check" name="delivery" value="110">
         <span class="position"><a href="">装配工</a> </span>
     </div>
     <span class="l2"><a href=""> 苏州太易检测设备有限公司</a></span>
     <span class="l3">苏州-相城区</span>
     <span class="l4">4-7千/月</span>
     <span class="l5">01-13</span>

     <div class="yl">
         <input type="checkbox" class="check" name="delivery" value="110">
         <span class="position"><a href="">优秀服装导购</a> </span>
     </div>
     <span class="l2"><a href=""> 北京金绅商贸有限公司</a></span>
     <span class="l3">北京-海淀区</span>
     <span class="l4">1-1.5万/月</span>
     <span class="l5">01-13</span>

     <div class="yl">
         <input type="checkbox" class="check" name="delivery" value="110">
         <span class="position"><a href="">Web前端开发工程师</a> </span>
     </div>
     <span class="l2"><a href=""> 深圳市独尊科技开发有限公司</a></span>
     <span class="l3">深圳-南山区</span>
     <span class="l4">0.8-1.6万/月</span>
     <span class="l5">01-13</span>

     <div class="yl">
         <input type="checkbox" class="check" name="delivery" value="110">
         <span class="position"><a href="">Java工程师</a> </span>
     </div>
     <span class="l2"><a href=""> 南京乐意为电子科技有限公司</a></span>
     <span class="l3">南京-玄武区</span>
     <span class="l4">0.5-1.2万/月</span>
     <span class="l5">01-13</span>

     <div class="yl">
         <input type="checkbox" class="check" name="delivery" value="110">
         <span class="position"><a href="">Java工程师</a> </span>
     </div>
     <span class="l2"><a href=""> 南京乐意为电子科技有限公司</a></span>
     <span class="l3">南京-玄武区</span>
     <span class="l4">0.5-1.2万/月</span>
     <span class="l5">01-13</span>

     <div class="yl">
         <input type="checkbox" class="check" name="delivery" value="110">
         <span class="position"><a href="">Java工程师</a> </span>
     </div>
     <span class="l2"><a href=""> 南京乐意为电子科技有限公司</a></span>
     <span class="l3">南京-玄武区</span>
     <span class="l4">0.5-1.2万/月</span>
     <span class="l5">01-13</span>

     <div class="yl">
         <input type="checkbox" class="check" name="delivery" value="110">
         <span class="position"><a href="">Java工程师</a> </span>
     </div>
     <span class="l2"><a href=""> 南京乐意为电子科技有限公司</a></span>
     <span class="l3">南京-玄武区</span>
     <span class="l4">0.5-1.2万/月</span>
     <span class="l5">01-13</span>

     <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
         <!--<legend>总页数大于页码总数</legend>-->
     </fieldset>
     <div id="demo1"></div>
 </div>

 <script src="./dist/layui/layui.js" charset="utf-8"></script>
 <!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->

 <script src="search_position.js"></script>
 <script src="../navigation/no_navigation.js"></script>
</body>
</html>